<!-- 北斗管理-->
<div class="widget main-w po_relative">
	<div style="padding-top: 15px;">
		<form class="layui-form" action="" method="get">
			<div class="layui-form-item">
				<div class="layui-input-inline">
					<input type="text" name="number"  placeholder="请输入车牌号" autocomplete="off" class="layui-input">
				</div>
				<div class="layui-input-inline">
					<input type="text"   name="company_name"  value="{$Think.get.company_name}" placeholder="点击选择公司/单位" readonly="" autocomplete="off" class="layui-input company_name">
					<input type="hidden" class="company_id" name="company_id" value="{$Think.get.company_id}" />
					
					
				</div>
				 <div class="layui-input-inline">
					<select name="car_state" class="car_state" >
						<option {$Think.get.car_state?:selected} value="0">车辆状态-全部</option>
						<option {$Think.get.car_state==1?selected: ""} value="1">任务中</option>
						<option {$Think.get.car_state==2?selected: ""} value="2">待命中</option>
						
					</select>
				</div> 
				<div class="layui-input-inline">
					<button class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo">查询</button>
					<button type="button" class="layui-btn layui-btn-primary dayin">打印</button>
				</div>
			</div>
			
		</form>
		
	</div>
	<div class="" style="position: relative;height: 100%;page-break-before:auto;page-break-after: always;">
		<div id="map" data-map="1" style="width: 100%;min-height: 750px;"></div>
		<div class="toolshow" style="text-align: center;">
			<i class="layui-icon layui-icon-spread-left" style="line-height: 34px;"></i>
		</div>
		<div id="panel"></div>
		<div id="tip">
			省：
			<select id='province' style="width:100px" ></select>
			市：
			<select id='city' style="width:100px" ></select>
			区：
			<select id='district' style="width:100px" ></select>
			街道：
			<select id='street' style="width:100px" ></select>
		</div>
		<div id="pickerBox" >
			<input id="pickerInput" placeholder="输入关键字选取地点" />
			<div id="poiInfo"></div>
		</div>
		<div class='button-group' style="background-color: #0d9bf2;color:#fff;display: none;">

			<input type="checkbox" id="real_time" />实时路况

			<input type="checkbox" id="overview" />显示鹰眼

			<input class='scale' type="checkbox" />比例尺

			<input type="checkbox" id="shrink" />拉框缩小

			<input type="checkbox" id="magnify" />拉框放大

			<input type="checkbox" id="distance" />距离量测

			<input type="checkbox" id="toolbar" />工具条

			<input type="checkbox" id="toolbarDirection" disabled />工具条方向盘

			<input type="checkbox" id="toolbarRuler" disabled />工具条标尺

			<!--<input type="checkbox" id="overviewOpen" disabled />展开鹰眼-->

		</div>
		<!-- <div class="layui-col-md12  po_absolute anomaly" style="top: 0px;left: 0px;box-sizing: border-box;">
			<div class="layui-col-md12 cl-p">
				<div class="str3 str_wrap">
					<ul style="font-size: 15px;line-height: 30px;height: 30px;">

					</ul>
				</div>
			</div>

		</div> -->

		<div class="layui-col-md3 carlist">
			<div class="nowdata" style="padding: 10px;">车辆列表<small class="retime"></small><span class="am-fr">
					<button type="button" class="layui-btn layui-btn-xs layui-btn-secondary am-round backcar">显示车辆</button>
				</span><small class="carnum"></small> </div>
			<div style="height: 90%;overflow: hidden;" class="carlist-list">
				<ul>
				</ul>
			</div>
		</div>

		<!--<div class="layui-col-md6 car_date" style="margin-bottom: 5px;">
			<div class="layui-col-md10" >
				<div class="layui-col-md5 cl-p">
					<input id="stardate" class="layui-input"/>
				</div>
				<div class="layui-col-md1 cl-p" style='text-align: center;line-height: 38px;'>-</div>
				<div class="layui-col-md5 cl-p">
					<input id="enddate" class="layui-input"/>
				</div>
				<div class="layui-col-md1 cl-p" style='text-align: center;'></div>
			</div>
			<div class="layui-col-md2 cl-p">
				<button class="layui-btn  layui-btn-primary">查询</button>

			</div>
		</div>-->
		<div class="layui-col-md3 orderlist" style="min-width: 370px;">
			<div style="padding: 10px;">
				<span class="ordertitle">订单</span>
				
			</div>
			<div style="height: 80%;overflow: hidden;border-bottom: 1px solid #ccc;" class="orderlist-list">
				<ul>
				</ul>
			</div>
			<div id="page"></div>
		</div>

	</div>
	<div><button  class='qiehuan layui-btn  layui-btn-secondary'>切换</button></div>
</div>
<script type="text/html" id="operation">
	<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="path">轨迹</a>
</script>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key={:config('base.mapkey')}&plugin=AMap.Driving,AMap.Scale,AMap.OverView,AMap.ToolBar,AMap.MouseTool,AMap.DistrictSearch,AMap.MarkerClusterer"></script>
<script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
<script src="{$static_dir}/assets/js/jquery.liMarquee.js"></script>
<script src="{$static_dir}/assets/js/mapsearch.js"></script>
<script src="{$static_dir}/assets/js/maptool.js"></script>
<script src="{$static_dir}/assets/js/beidou.js"></script>
<script>
	//滚动信息

	

//	$.ajax({
//		type: "post",
//		url: "{:url('adminapi/order/getExceptionOrder')}",
//		success: function(res) {
//			ajaxalarm(1)
//			console.log(res)
//			if(res.code == 1) {
//				var strbody = "";
//				var wid = 0;
//				res=exception_type(res)
//				for(var i = 0; i < res.data.length; i++) {
//					if(res.data[i].has_solve == 1) {} else {
//						strbody += `<li style="float: left;padding-left:50px ;color:red">订单${res.data[i].order_no}(${res.data[i].dispresult})</li>`
//					}
//				}
//				console.log(res)
//				$('.str3 ul').html(`${strbody}`)
//				for(var j = 0; j < $('.str3 ul li').length; j++) {
//					var num = $('.str3 ul li').eq(j).width() - 0
//					wid += num
//				}
//				wid += $('.str3 ul li').length * 80;
//
//				$('.str3 ul').css('width', wid)
//
//			}
//
//			$('.str3').on('click', function() {
//				choosecar("{:url('alarm',['op'=>'search'])}", '异常');
//			})
//			alarint = setTimeout(function() {
//				ajaxalarm(2)
//			}, 10000)
//		}
//
//	});

//	function ajaxalarm(type) {
//		var panduan = 0;
//		$.ajax({
//			type: "post",
//			url: "{:url('adminapi/order/getExceptionOrder')}",
//			success: function(res) {
//				var alarmconut = 0;
//
//				for(var ii2 = 0; ii2 < res.data.length; ii2++) {
//					if(res.data[ii2].has_solve == 9) {
//						panduan = 1
//					}
//				}
//				console.log(panduan)
//				if(panduan == 1) {
//
//					var alarm_hint = layer.open({
//						type: 1,
//						title: false,
//						id: 'alarmprop',
//						offset: 'rb',
//						skin: 'layui-layer-rim', //加上边框
//						area: ['300px', '120px'],
//						shade: 0, //不显示遮罩//宽高
//						content: `<div class='layui-col-md12' style="padding:20px">
//						  				<div class='layui-col-md12' style='text-align: center;'>有异常订单未处理</div>
//						  				<div class='layui-col-md12' style='text-align: center;'>
//						  				<button class="layui-btn layui-btn-sm am-radius layui-btn-primary alarm_dispose">处理</button>
//						  				<button class="layui-btn layui-btn-sm am-radius layui-btn-primary prop_close">取消</button>
//						  				</div>
//						  			</div>`,
//						success: function() {
//							$('.alarm_dispose').on('click', function() {
//
//								choosecar("{:url('alarm',['op'=>'search'])}", '异常');
//								layer.close(alarm_hint)
//
//							});
//							$('.prop_close').on('click', function() {
//								layer.close(alarm_hint)
//							})
//						}
//					});
//				} else {
//
//				}
//
//				alarint = setTimeout(function() {
//					ajaxalarm(2)
//				}, 10000)
//			}
//		})
//	}
</script>
<!--<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>-->
<!--<script src="{$static_dir}/assets/js/maporigin.js"></script>-->
